<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
</head>

<body>
    <!-- 导航条 -->
    <header class="top-nav">
        <div class="nav-inner w">
            <div class="link-wrap sep">
                <span>
                    <a href="#">小米官网</a>&nbsp;|
                    <a href="#">小米商城</a>&nbsp;|
                    <a href="#">MIUI</a>&nbsp;|
                    <a href="#">loT</a>&nbsp;|
                    <a href="#">云服务</a>&nbsp;|
                    <a href="#">天星数科</a>&nbsp;|
                    <a href="#">有品</a>&nbsp;|
                    <a href="#">小爱开放平台</a>&nbsp;|
                    <a href="#">企业团购</a>&nbsp;|
                    <a href="#">资质证照</a>&nbsp;|
                    <a href="#">协议规则</a>&nbsp;|
                    <a class="download-app" href="#">
                        下载app
                        <div class="hide">
                            <div class="inner">
                                <img src="./images/download.png" alt="二维码">
                                <span>小米商城APP</span>
                            </div>
                        </div>
                    </a>|
                    <a href="#">Select Location</a>
                </span>
            </div>

            <div class="user-info sep">
                <span><a href="register.html">登录</a>&nbsp;|&nbsp;<a href="register.html">注册</a>&nbsp;|&nbsp;<a href="#">消息通知</a></span>

                <a class="cart" href="#">
                    <i class="fa-solid fa-shopping-cart"></i>
                    购物车（0）
                </a>
            </div>
        </div>
    </header>
    <!-- 头部 -->
    <div class="top-header">
        <div class="w">
            <h1 class="logo">
                <a href="#" title="小米官网">小米官网</a>
            </h1>
            <ul class="menu">
                <li>
                    <a a href="#" class="category">全部商品分类</a>
                    <nav class="left-nav">
                        <a a href="#">手机</a>
                        <a a href="#">电视</a>
                        <a a href="#">家电</a>
                        <a a href="#">笔记本 平板</a>
                        <a a href="#">出行 穿戴</a>
                        <a a href="#">耳机 音箱</a>
                        <a a href="#">健康 儿童</a>
                        <a a href="#">生活 箱包</a>
                        <a a href="#">智能 路由器</a>
                        <a a href="#">电源 配件</a>
                    </nav>

                </li>
                <li><a href="#">Xiaomi手机</a></li>
                <li><a href="#">Redmi手机</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">平板</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">服务中心</a></li>
                <li><a href="#">社区</a></li>
            </ul>

            <form action="#" class="search-form">
                <input type="text" placeholder="手机">
                <ul class="result-list">
                    <li><a href="#">全部商品</a></li>
                    <li><a href="#">小米11</a></li>
                    <li><a href="#">小米10S</a></li>
                    <li><a href="#">小米笔记本</a></li>
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">黑鲨4</a></li>
                    <li><a href="#">空调</a></li>
                </ul>
                <button id="btn">
                    <i class="fa-solid fa-search"></i>
                </button>
            </form>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner w">
        <ul class="img-list">
            <li><a href="#"><img src="./images/banner/1.webp"></a></li>
        </ul>
        <!--    左右翻页-->
        <div class="prev-next">
            <!-- 左箭头 -->
            <a class="prev"></a>
            <!-- 右箭头 -->
            <a class="next"></a>
        </div>
        <!--    导航小点-->
        <div class="pointer">
            <a class="active"></a>
            <a></a>
            <a></a>
            <a></a>
        </div>
    </div>
    <!-- 三卡片 -->
    <div class="sub w">
        <ul class="home-channel-list">
            <li>
                <a href="#">
                    <i class="fa-solid fa-clock"></i>
                    <span>保障服务</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-solid fa-building"></i>
                    <span>企业团购</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-solid fa-spider"></i>
                    <span>F码通道</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-solid fa-sim-card"></i>
                    <span>米粉卡</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-solid fa-recycle"></i>
                    <span>以旧换新</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-solid fa-mobile"></i>
                    <span>话费充值</span>
                </a>
            </li>
        </ul>
        <div class="home-promo">
            <a href="#">
                <img src="./images/1.jpg" alt="">
            </a>
        </div>
        <div class="home-promo">
            <a href="#">
                <img src="./images/2.jpg" alt="">
            </a>
        </div>
        <div class="home-promo">
            <a href="#">
                <img src="./images/3.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 横栏图 -->
    <div class="banner-box w">
        <a href="#">
            <img src="./images/banner/5.webp" alt="">
        </a>
    </div>
    <!-- 手机商品 -->
    <div class="main w">
        <div class="main-top">
            <h2 class="title">手机</h2>
            <div class="more">
                <a href="#">
                    查看更多
                </a>
            </div>
        </div>
        <div class="main-box w">
            <div class="main-row">
                <div class="main-left">
                    <ul class="list">
                        <li>
                            <a href="#">
                                <img src="./images/main/1.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-right">
                    <ul class="brick-list">
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/2.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi 13 Ultra</h3>
                                <p class="desc">专业街拍模式| 第二代骁龙8|2K OLED 屏幕|5000mAh大电量|90W 小米澎湃有线秒充</p>
                                <p class="price">5999元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/3.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi Note 12 Turbo</h3>
                                <p class="desc">高通第二代骁龙7+ 性能芯</p>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/4.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi K60</h3>
                                <p class="desc">狠快狠强|狠旗舰|2023第一台梦幻手机</p>
                                <p class="price">2499元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/5.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi K60 Pro</h3>
                                <p class="desc">第二代骁龙8丨2K 高光屏丨VC 液冷散热丨索尼IMX800 大底相机+小米影像大脑2.0丨OIS光学防抖丨120W神仙秒充+30W无线秒充
                                </p>
                                <p class="price">3299元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/6.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi Note 12 Pro 极速版</h3>
                                <p class="desc">Redmi Note 12 Pro 极速版小米自营</p>
                                <p class="price">1699元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/7.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi 13 限量定制色</h3>
                                <p class="desc">第二代骁龙8|徕卡75mm长焦|超窄边屏幕|67W澎湃秒充</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/8.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi 13 Pro</h3>
                                <p class="desc">第二代骁龙8|2K OLED 屏幕||120W澎湃秒充</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/9.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi 13</h3>
                                <p class="desc">第二代骁龙8|徕卡专业光学镜头|徕卡原生双画质|67W澎湃秒充</p>
                                <p class="price">3999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 智能穿戴商品 -->
    <div class="main w">
        <div class="main-top">
            <h2 class="title">智能穿戴</h2>
            <div class="more">
                <a href="#">
                    耳机
                </a>
            </div>
        </div>
        <div class="main-box w">
            <div class="main-row">
                <div class="main-left">
                    <ul class="list">
                        <li>
                            <a href="#">
                                <img src="./images/main/10.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-right">
                    <ul class="brick-list">
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/11.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi Buds 4 Pro</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">949元&nbsp; <del class="not">1099元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/12.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi Buds 3 Pro</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">469元&nbsp; <del class="not">699元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/13.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi Buds 3</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">299元&nbsp; <del class="not">499元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/14.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi Buds 4</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">199元&nbsp; <del class="not">229元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/15.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi Buds 3</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">159元&nbsp; <del class="not">199元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/16.jpg" alt="">
                                </div>
                                <h3 class="title">Redmi Buds 2</h3>
                                <p class="desc">第二代骁龙8|徕卡75mm长焦|超窄边屏幕|67W澎湃秒充</p>
                                <p class="price">99元&nbsp; <del class="not">169元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/17.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi骨传导耳机</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">499元</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/18.jpg" alt="">
                                </div>
                                <h3 class="title">Xiaomi Necklace</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">399元</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 笔记本商品 -->
    <div class="main w">
        <div class="main-top">
            <h2 class="title">笔记本 平板</h2>
            <div class="more">
                <a href="#">
                    热门
                </a>
            </div>
        </div>
        <div class="main-box w">
            <div class="main-row">
                <div class="main-left">
                    <ul class="list">
                        <li>
                            <a href="#">
                                <img src="./images/main/19.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-right">
                    <ul class="brick-list">
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/20.webp" alt="">
                                </div>
                                <h3 class="title">Redmi G 游戏本 2022</h3>
                                <p class="desc">6英寸 2.5K 165Hz 电竞大屏|可选 GeForce RTX™ 3050 Ti</p>
                                <p class="price">5299元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/21.webp" alt="">
                                </div>
                                <h3 class="title">Xiaomi Pad 6 Pro</h3>
                                <p class="desc">骁龙8+旗舰处理器|11英寸2.8K护眼屏|8600mAh 67W快充|MIUI高效办公体验</p>
                                <p class="price">2399起&nbsp; <del class="not">2499元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/22.webp" alt="">
                                </div>
                                <h3 class="title">Xiaomi Pad 6</h3>
                                <p class="desc">11英寸2.8K护眼屏|骁龙870旗舰处理器|8840mAh大电量|MIUI高效办公体验</p>
                                <p class="price">1899元起&nbsp; <del class="not">1999元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/23.webp" alt="">
                                </div>
                                <h3 class="title">Redmi Book Pro 14</h3>
                                <p class="desc">骁龙870旗舰处理器|8840mAh大电量|MIUI高效办公体验</p>
                                <p class="price">5999元起&nbsp; <del class="not">7999元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/24.webp" alt="">
                                </div>
                                <h3 class="title">Redmi Book Pro 14 2022</h3>
                                <p class="desc">全新12代英特尔处理器 | Windows 11 家庭中文版 | 2.5K 120Hz高清屏 | 可选MX550独立显卡</p>
                                <p class="price">5399元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/25.webp" alt="">
                                </div>
                                <h3 class="title">RedmiBook Pro 15 2022 锐龙版</h3>
                                <p class="desc">可选全新锐龙7 6800H处理器|3.2K 90Hz高清屏|RTX 2050高性能独立显卡|CNC一体精雕工艺</p>
                                <p class="price">5499元起</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/26.webp" alt="">
                                </div>
                                <h3 class="title">Redmi Pad</h3>
                                <p class="desc">外观升级:全金属一体化机身｜系统升级:MIUI Pad大屏定制系统</p>
                                <p class="price">1099元起&nbsp; <del class="not">1299元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/27.webp" alt="">
                                </div>
                                <h3 class="title">小米平板5 Pro</h3>
                                <p class="desc">40dB宽频主动降噪|HiFi高保真音质|HRTF专业调音</p>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 智能家居商品 -->
    <div class="main w">
        <div class="main-top">
            <h2 class="title">笔记本 平板</h2>
            <div class="more">
                <a href="#">
                    智能设备
                </a>
            </div>
        </div>
        <div class="main-box w">
            <div class="main-row">
                <div class="main-left">
                    <ul class="list-short">
                        <li>
                            <a href="#">
                                <img src="./images/main/28.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./images/main/28.1.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-right">
                    <ul class="brick-list">
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/29.webp" alt="">
                                </div>
                                <h3 class="title">Xiaomi智能家庭屏 10</h3>
                                <p class="desc">6英寸 2.5K 165Hz 电竞大屏|可选 GeForce RTX™ 3050 Ti</p>
                                <p class="price">949&nbsp; <del class="not">999元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/30.webp" alt="">
                                </div>
                                <h3 class="title">小米小爱音箱Play 增强版</h3>
                                <p class="desc">内置红外遥控，一句话控制传统家电 | LED时钟显示|自适应亮度调节</p>
                                <p class="price">129&nbsp; <del class="not">149元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/31.webp" alt="">
                                </div>
                                <h3 class="title">Xiaomi Sound</h3>
                                <p class="desc">WiFi+红外+蓝牙，传统家电变智能 | Hi-Fi级音频芯片|旗舰级音质</p>
                                <p class="price">499元&nbsp; <del class="not">549元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/32.webp" alt="">
                                </div>
                                <h3 class="title">小米小爱音箱 Play</h3>
                                <p class="desc">语音遥控数千款智能产品 | 海量优质有声资源，小爱同学生活助理</p>
                                <p class="price">99元&nbsp; <del class="not">109元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/33.webp" alt="">
                                </div>
                                <h3 class="title">小米小爱音箱 Pro</h3>
                                <p class="desc">WiFi+红外+蓝牙，传统家电变智能 | Hi-Fi级音频芯片|旗舰级音质</p>
                                <p class="price">279元&nbsp; <del class="not">299元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/34.webp" alt="">
                                </div>
                                <h3 class="title">小米AI音箱 第二代</h3>
                                <p class="desc">低频饱满有深度，人声清晰有细节 | 海量优质有声资源，小爱同学生活助理</p>
                                <p class="price">199元</p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/35.webp" alt="">
                                </div>
                                <h3 class="title">小爱触屏音箱</h3>
                                <p class="desc">外观升级:人声清晰有细节 | 海量优质有声资源，小爱同学生活助理</p>
                                <p class="price">249元&nbsp; <del class="not">269元</del></p>
                            </a>
                        </li>
                        <li class="main-card">
                            <a href="#">
                                <div class="figure">
                                    <img src="./images/main/36.webp" alt="">
                                </div>
                                <h3 class="title">小米小爱音响</h3>
                                <p class="desc">WiFi+红外+蓝牙，传统家电变智能 | Hi-Fi级音频芯片</p>
                                <p class="price">229元</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 横幅图2 -->
    <div class="banner-box w">
        <a href="#">
            <img src="./images/banner/6.webp" alt="">
        </a>
    </div>
    <!-- 底部开始 -->
    <div class="side-footer">
        <div class="container w">
            <div class="footer-service">
                <ul class="list-service">
                    <li>
                        <a href="#">
                            <i class="fa-solid fa-wrench"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-solid fa-7"></i>
                            7天无理由退货
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-regular fa-calendar-check"></i>
                            15天免费换货
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-solid fa-gift"></i>
                            满69元包邮
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-solid fa-location-dot"></i>
                            1100余家售后网点
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-link">
                <dl class="col-link">
                    <dt></dt>
                </dl>
                <dl class="col-link">
                    <dt>购物指南</dt>
                    <dd>手机</dd>
                    <dd>电视</dd>
                    <dd>笔记本</dd>
                    <dd>平板</dd>
                    <dd>穿戴</dd>
                    <dd>耳机</dd>
                    <dd>家电</dd>
                    <dd>路由器</dd>
                    <dd>音响</dd>
                </dl>
                <dl class="col-link">
                    <dt>服务中心</dt>
                    <dd>申请售后</dd>
                    <dd>售后政策</dd>
                    <dd>维修服务价格</dd>
                    <dd>订单查询</dd>
                    <dd>以旧换新</dd>
                    <dd>保障服务</dd>
                    <dd>防伪查询</dd>
                    <dd>F码通道</dd>
                </dl>
                <dl class="col-link">
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>授权体验店/专区</dd>
                </dl>
                <dl class="col-link">
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>投资者关系</dd>
                    <dd>可持续发展</dd>
                    <dd>廉洁举报</dd>
                </dl>
                <dl class="col-link">
                    <dt>关注我们</dt>
                    <dd>新浪微博</dd>
                    <dd>官方微信</dd>
                    <dd>联系我们</dd>
                    <dd>公益基金会</dd>
                </dl>
                <div class="col-phone">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <div class="people">
                        <i class="fa-regular fa-comment-dots"></i>
                        人工服务
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="side-bar">
        <div class="icon">
            <i class="fa-solid fa-mobile-screen"></i>
            <p class="nunber">手机APP</p>
        </div>
        <div class="icon">
            <i class="fa-regular fa-user"></i>
            <p class="nunber">个人中心</p>
        </div>
        <div class="icon">
            <i class="fa-solid fa-wrench"></i>
            <p class="nunber">售后服务</p>
        </div>
        <div class="icon">
            <i class="fa-solid fa-headset"></i>
            <p class="nunber">人工客服</p>
        </div>
        <div class="icon">
            <i class="fa-solid fa-cart-arrow-down"></i>
            <p class="nunber">购物车</p>
        </div>
        <div class="icon-end">
            <i class="fa-solid fa-arrow-up-long"></i>
            <p class="nunber"><a id="end" href="#">回顶部</a></p>
        </div>
    </div>
    <!-- 版权 -->
    <div class="site-info w">
        <div class="site-text seep">
            <h1 class="logo">
                <a href="javascript:;" title="小米官网">小米官网</a>
            </h1>
            <span>
                <a href="#">小米商城</a>&nbsp;|
                <a href="#">MIUI</a>&nbsp;|
                <a href="#">米家</a>&nbsp;|
                <a href="#">米聊</a>&nbsp;|
                <a href="#">多看</a>&nbsp;|
                <a href="#">游戏</a>&nbsp;|
                <a href="#">音乐</a>&nbsp;|
                <a href="#">政企服务</a>&nbsp;|
                <a href="#">小米天猫店</a>&nbsp;|
                <a href="#">小米集团隐私政策</a>&nbsp;|
                <a href="#">小米公司儿童信息保护规则</a>&nbsp;|
                <a href="#">小米商城隐私政策</a>&nbsp;|
                <a href="#">小米商城用户协议</a>&nbsp;|
                <a href="#">问题反馈</a>&nbsp;|
                <a href="#">Select Location北京互联网法院法律服务工作站</a>&nbsp;|
                <a href="#">中国消费者协会</a>&nbsp;|
                <a href="#">北京市消费者协会</a>
            </span>
        </div>
        <div class="site-foot">
            <p>
                <span>@</span>
                <a href="#">
                    mi.com
                </a>
                <span>京ICP证110507号</span>
                <a href="#">
                    京ICP备10046444号
                </a>
                <a href="#">
                    京公网安备11010802020134号
                </a>
                <a href="#">
                    京网文[2020]0276-042号
                </a>
            </p>
            <p>
                <a href="#">
                    （京）网械平台备字（2018）第00005号
                </a>
                <a href="#">
                    互联网药品信息服务资格证 (京)-非经营性-2014-0090
                </a>
                <a href="#">
                    营业执照
                </a>
                <a href="#">
                    医疗器械质量公告
                </a>
            </p>
            <p>
                <a href="#">
                    增值电信业务许可证
                </a>
                <span>网络食品经营备案 京食药网食备202010048</span>
                <a href="#">
                    食品经营许可证
                </a>
            </p>
            <p>
                <span>违法和不良信息举报电话：171-5104-4404</span>
                <a href="#">
                    知识产权侵权投诉
                </a>
                <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
            </p>
        </div>
        <div class="site-edg">
            <a href="#">
                <img src="./images/last1.png" alt=""></a>
            <a href="#">
                <img src="./images/last2.png" alt=""> </a>
            <a href="#">
                <img src="./images/last3.png" alt=""> </a>
            <a href="#">
                <img src="./images/last4.png" alt=""></a>
            <a href="#">
                <img src="./images/last5.png" alt=""></a>

        </div>
        <div class="site-ping">
            <img src="./images/last6.png" alt="">
        </div>
    </div>
    <script src="./js/index.js"></script>
</body>

</html>